
*{ margin:0; padding:0}
a{ text-decoration:none}
li{ list-style:none}
body{ background-color:#FFF; max-width:640px; margin:0 auto}
section{ background-color:#f1f1f1; overflow:hidden; height:100%}
.hc-div-main{ width:100%; overflow:hidden}
.hc-div-main h1{ text-align:center; padding:2% 0; color:#F90; font-size:22px}
.hc-div-main .div-text{ font-size:12px; line-height:25px; padding:0 3%}
.hc-div-alert{ background-color:#FFF; overflow:hidden; color:#000; border-top:1px solid #d9d9d9; padding:3%; line-height:1.6; color:#666666; text-align:left;font-size:14px;  -webkit-transition:height 1s linear; transition:height 1s linear; display:none}
.hc-span-text{  width:80%; color:#454545; font-size:14px; line-height:34px}
.hc-span-icon{  -webkit-transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transform:rotate(0deg);-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg);  -moz-transition: transform 0.3s linear; -ms-transition: transform 0.3s linear; -o-transition: transform 0.3s linear; position:absolute; top:50%; right:8px; margin-top:-7px; display:inline-block}
.hc-span-icon-rotating{ transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg)}
.hc-span-icon img{ height:14px}
.hc-div-main ul{ padding-left:10px; background:#FFF}
.hc-div-main ul li { overflow:hidden; border-bottom:1px solid #e8e8e8}
.hc-div-main ul li p{ background:#FFF;  overflow:hidden; padding:8px 10px 8px; position:relative; height:34px; padding-left:0;}
.hc-table{ width:95%; margin:0 auto; overflow:hidden; background-color:#e9e9e9}
.hc-table td{ background-color:#f1f1f1; line-height:25px; padding:2%; text-align:center}
.hc-table th{ background-color:#ffffff; line-height:25px; padding:2%; text-align:center}

